@charset "utf-8";
@import "reset";
$font-size:40px;
@function r($px) {
    @return $px / $font-size*1rem;
}

@mixin center {
    overflow: hidden;
    position: absolute;
    left: -999px;
    right: -999px;
    margin: auto;
}

html,
body {
    position: relative; 
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.option {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;  
    height: r(400px);
    width: 100%;
    z-index: 999;
    .option_pageA {
        position: absolute;
        bottom: r(252px);
        left: r(30px);
        background: url(../img/option_page/option_pageA.png) no-repeat;
        background-size: 100%;
    }
    .option_pageB {
        position: absolute;
        bottom: r(130px);
        left: r(30px);
        background: url(../img/option_page/option_pageB.png) no-repeat;
        background-size: 100%;
    }
    .option_pageC { 
        position: absolute;
        bottom: r(10px);
        left: r(30px);
        background: url(../img/option_page/option_pageC.png) no-repeat;
        background-size: 100%;
    }
    .option_60S {
        position: absolute;
        bottom: r(260px);
        right: r(0px);
        width: r(100px);
        height: r(100px); 
        text-align: center;
        line-height: r(95px);
        background: url(../img/zuiba.png) no-repeat; 
        background-size: 100%;
        color: #4F4F4F;
        font-size: r(30px);
        
    }
    .option_next {
        position: absolute;
        bottom: r(2px);
        right: r(-64px);
        img {
            width: 50%;
        }
    }
}
.answer
{    
    font-size:r(40px);
    height: r(120px);
    line-height: r(120px);
    padding-left:r(160px);
    color: red;
    width: 80%;
}
